<!DOCTYPE html>
<html lang="zh-tw">
  <head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="JavaScript 的官方名稱是 ECMAScript，語法來自 Java，函式來自 Scheme，原型繼承來自 Self，正則表示式來自 Perl ...">
    <meta property="og:locale" content="zh_TW">
    <meta property="og:title" content="JavaScript 本質部份">
    <meta property="og:type" content="article">
    <meta property="og:url" content="http://openhome.cc/Gossip/JavaScript/index.html">
    <meta property="og:image" content="http://openhome.cc/Gossip/images/caterpillar_small.jpg">
    <meta property="og:site_name" content="OPENHOME.CC">
    <meta property="og:description" content="JavaScript 的官方名稱是 ECMAScript，語法來自 Java，函式來自 Scheme，原型繼承來自 Self，正則表示式來自 Perl ...">
    <title>語言技術：JavaScript Essence</title>
    <link rel="stylesheet" href="../css/pure-0.6.0/pure-min.css">
    <!--[if lte IE 8]>
        <link rel="stylesheet" href="../css/layouts/side-menu-old-ie.css">    <![endif]-->
    <!--[if gt IE 8]><!-->
    <link rel="stylesheet" href="../css/layouts/side-menu.css">
    <!--<![endif]-->
    <link rel="stylesheet" href="../css/caterpillar.css">
    <script async="" src="../google-code-prettify/run_prettify.js"></script>
  </head>
  <body>
    <div id="layout">
      <!-- Menu toggle --> <a href="#menu" id="menuLink" class="menu-link">
        <!-- Hamburger icon --><span></span> </a>
      <div id="menu">
        <div class="pure-menu"> <a class="pure-menu-heading" href="../index.html">回
            OPENHOME 首頁</a>
          <ul class="pure-menu-list">
            <br>
            <div class="social" style="text-align: center;"><a href="http://twitter.com/caterpillar"><img
                  title="Twitter" alt="Twitter" src="http://openhome.cc/Gossip/images/twitter.png"></a>
              <a href="http://www.facebook.com/openhome.cc"><img title="Facebook"
                  alt="Facebook" src="http://openhome.cc/Gossip/images/facebook.png"></a>
              <a href="https://plus.google.com/+JustinSDK/"><img title="Google+"
                  alt="Google+" src="http://openhome.cc/Gossip/images/google.png"></a></div>
            <br>
            <div id="search box">
              <script>(function() {var cx = 'partner-pub-9750319131714390:3926766884';var gcse = document.createElement('script');gcse.type = 'text/javascript';gcse.async = true;gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(gcse, s);})();</script><gcse:searchbox-only></gcse:searchbox-only></div>
            <br>
            <div class="ad" style="text-align: center;">
              <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
              <!-- 2015 新版型 160 x 600 廣告 --> <ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px"
                data-ad-client="ca-pub-9750319131714390" data-ad-slot="3747048883"></ins>
              <script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </ul>
        </div>
      </div>
      <div id="main">
        <div class="header">
          <h1>語言技術：JavaScript Essence</h1>
        </div>
        <div class="content">
          <p> </p>
          <div style="text-align: center;">JavaScript 語言核心的部份，已更新為 <a href="http://openhome.cc/Gossip/CodeData/EssentialJavaScript/index.html">JavaScript
              語言核心</a>，建議一併參考。</div>
          <br>
          JavaScript 的官方名稱是 ECMAScript，語法來自 Java，函式來自 Scheme，原型繼承來自 Self，正則表示式來自
          Perl ... <br>
          <br>
          <div class="ad-2" style="text-align: center;">
            <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- 2015 新版型回應式廣告 --> <ins class="adsbygoogle" style="display:block"
              data-ad-client="ca-pub-9750319131714390" data-ad-slot="7104125683"
              data-ad-format="auto"></ins>
            <script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> </div>
          <dl>
            <dl>
              <dt>JavaScript 核心</dt>
            </dl>
            &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; 核心部份無關客戶端（瀏 覽器），這邊使用 <a href="http://www.mozilla.org/rhino/shell.html">Rhino
              Shell</a> 來說明核心觀念。<br>
            <ul>
              <li>這些東西不簡單</li>
            </ul>
            <div style="margin-left: 40px;">你可以說這些東西很複雜，但也可以說它們很有趣。<br>
            </div>
            <ul>
              <ul>
                <li><a href="DataType.html">資料型態</a></li>
                <li><a href="Variable.html">變數</a></li>
                <li><a href="TypeConversion.html">型態轉換</a></li>
                <li><a href="Operator.html">運算子</a><br>
                </li>
                <li><a href="Object.html">物件</a></li>
                <li><a href="Array.html">陣列</a></li>
              </ul>
            </ul>
          </dl>
          <dl>
            <ul>
              <ul>
              </ul>
              <li>一切都與函式有關</li>
            </ul>
            <div style="margin-left: 40px;">函式是 JavaScript 中最值得書寫的部份。<br>
            </div>
            <ul>
              <ul>
                <li><a href="Function.html">函式宣告</a></li>
                <li><a href="FunctionInstance.html">Function 實例</a></li>
                <li><a href="This.html">this 是什麼？</a><br>
                </li>
                <li><a href="Closure.html">閉包（Closure）</a></li>
                <li><a href="ScopeChain.html">範圍鏈（Scope chain）</a></li>
              </ul>
            </ul>
          </dl>
          <dl>
            <ul>
              <ul>
              </ul>
              <li>定義物件</li>
            </ul>
            <div style="margin-left: 40px;">還是與函式息息相關。<br>
            </div>
            <ul>
              <ul>
                <li><a href="Constructor.html">建構式（Constructor）</a></li>
                <li><a href="Prototype.html">函式 prototype 特性</a></li>
                <li><a href="InspectObject.html">檢驗物件</a><br>
                </li>
                <li><a href="ClassSimulation.html">類別模擬</a></li>
              </ul>
            </ul>
            <div class="ad-3" style="text-align: center;">
              <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
              <!-- 2015 新版型回應式廣告 --> <ins class="adsbygoogle" style="display:block"
                data-ad-client="ca-pub-9750319131714390" data-ad-slot="7104125683"
                data-ad-format="auto"></ins>
              <script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> </div> <br>
            <dl>
              <dt>客戶端 JavaScript<br>
              </dt>
            </dl>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 這不是 JavaScript 的錯，這是瀏覽器的問題。<br>
            <ul>
              <li>瀏覽器執行 JavaScript</li>
            </ul>
            <div style="margin-left: 40px;">網路海海，有些事情你要先知道。<br>
            </div>
            <ul>
              <ul>
                <li><a href="ScriptTag.html">script 標籤</a></li>
                <li><a href="SecurityConstraint.html">安全限制</a><br>
                </li>
                <li><a href="Namespace.html">名稱管理</a></li>
                <li><a href="BuildUtilityFunction.html">建立核心公用函式</a></li>
              </ul>
            </ul>
          </dl>
          <dl>
            <ul>
              <ul>
              </ul>
              <li>文件物件模型（DOM）</li>
            </ul>
            <div style="margin-left: 40px;">一個標籤一個元素，一篇網頁一棵樹。<br>
            </div>
            <ul>
              <ul>
                <li><a href="Level0DOM.html">Level 0 DOM 簡介<br>
                  </a></li>
                <li><a href="W3CDOM.html">W3C DOM 簡介</a></li>
                <li><a href="VisitNodes.html">走訪文件</a></li>
                <li><a href="AttributeProperty.html">屬性與特性</a><br>
                </li>
                <li><a href="ModifyNodes.html">修改文件</a></li>
                <li><a href="BuildDOMLibrary.html">封裝 DOM 操作</a></li>
              </ul>
            </ul>
          </dl>
          <dl>
            <ul>
              <ul>
              </ul>
              <li>事件（Event）</li>
            </ul>
            <div style="margin-left: 40px;">事情發生了就要好好處理。。XD<br>
            </div>
            <ul>
              <ul>
                <li><a href="BasicEventModel.html">基本事件模型</a></li>
                <li><a href="Event.html">Event 實例</a><br>
                </li>
                <li><a href="DOML2EventModel.html">DOM Level 2 事件模型</a></li>
                <li><a href="InternetExplorerEventModel.html">Internet Explorer
                    事件模型</a></li>
                <li><a href="BrowserIndependentEvent.html">跨瀏覽器事件處理</a><br>
                </li>
                <li><a href="BuildEventLibrary.html">封裝事件處理</a></li>
              </ul>
            </ul>
          </dl>
          <dl>
            <ul>
              <ul>
              </ul>
              <li>樣式</li>
            </ul>
            <div style="margin-left: 40px;">改善使用者的操作體驗。<br>
            </div>
            <ul>
              <ul>
                <li><a href="Style.html">存取樣式資訊</a><br>
                </li>
                <li><a href="WidthHeight.html">存取元素大小</a></li>
                <li><a href="TopLeft.html">存取元素位置</a></li>
                <li><a href="DisplayVisibilityOpacity.html">顯示、可見度與透明度</a><br>
                </li>
                <li><a href="ClassName.html">操作 class 屬性</a></li>
                <li><a href="WindowDimension.html">取得視窗維度資訊</a></li>
                <li><a href="BuildStyleLibrary.html">封裝樣式處理</a></li>
              </ul>
            </ul>
          </dl>
          <dl>
            <ul>
              <ul>
              </ul>
              <li>Ajax</li>
            </ul>
            <div style="margin-left: 40px;">JavaScript 會紅大概就是因為它？<br>
            </div>
            <ul>
              <ul>
                <li><a href="XMLHttpRequest.html">建立非同步物件</a></li>
                <li><a href="GET.html">使用 GET 請求</a><br>
                </li>
                <li><a href="POST.html">使用 POST 請求</a><br>
                </li>
                <li><a href="XML.html">傳送與接收 XML</a><br>
                </li>
                <li><a href="JSON.html">傳送與接收 JSON</a></li>
                <li><a href="JSONP.html">使用 JSONP 跨站請求</a><br>
                </li>
                <li><a href="BuildAjaxLibrary.html">建立 Ajax 公用函式</a><br>
                </li>
              </ul>
            </ul>
            <br>
            <br>
            <br>
            <dl>
              <dt>參考資料<br>
              </dt>
            </dl>
            <ul>
              <li><a href="https://www.youtube.com/watch?v=hQVTIJBZook">JavaScript:
                  The Good Parts - presented by Doug Crockford</a><br>
              </li>
              <li><a href="http://blog.xuite.net/vexed/tech/60612163">解 析
                  JavaScript，我真是搞不懂你啊！&nbsp;</a><br>
              </li>
              <li><a href="http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/#categoriesofdesignpatterns">Essential
                  JavaScript &amp; jQuery Design Patterns</a><br>
              </li>
              <li><a href="http://zh.wikipedia.org/zh/JavaScript">JavaScript
                  維基百科</a><br>
              </li>
              <li><a href="http://www.w3schools.com/js/default.asp">JavaScript
                  Tutorial</a></li>
            </ul>
            <br>
          </dl>
          <div class="recommend" style="text-align: center;">
            <hr>
            <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- 自動大小回應相符內容 -->
            <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9750319131714390"
              data-ad-slot="4953478487" data-ad-format="autorelaxed"></ins>
            <script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
        </div>
      </div>
    </div>
    <script src="../js/ui.js"></script>
    <div class="analytics">
      <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-143766-1', 'auto');
  ga('send', 'pageview');

</script></div>
  </body>
</html>
